/* 初始化标签在所有浏览器中的margin、padding值 */
*{padding: 0; margin: 0;list-style:none;-webkit-text-size-adjust:none;}
iframe{
    display: block;margin: 0;padding: 0;
}
body{font-family:"Microsoft Yahei","微软雅黑",Arial,serif;}
html,body {
    height:100%;
    width:100%;
    background: transparent;
}
/* 酌情修改 */
body{background:#F3F3F3;width:100%;}
button,a {-webkit-appearance:none; /*去除input默认样式*/}
input[type="text"],[type="tel"],[type="email"],[type="number"]{
    -webkit-appearance:none;
}
    /* 短引用的内容可取值：''或"" */
blockquote:before, blockquote:after,q:before, q:after{content:'';content:none} /* 重置嵌套引用*/
/* 缩写，图片等无边框 */
table{border-collapse:collapse;}
fieldset,img,abbr,acronym{border: 0 none;} /* 重置fieldset（表单分组）、图片的边框为0*/
abbr,acronym{font-variant: normal;}
blockquote, q{quotes: none} /* 重置嵌套引用的引号类型 */
/* 清除特殊标记的字体和字号 */
address,caption,cite,code,dfn,em,strong,th,var,i,h4{font-weight: normal; font-style: normal;} /* 重置样式标签的样式 */

/* 上下标 */
/* 统一上标和下标 */ 
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;} 
sup{top:-0.5em;  } 
sub{bottom:-0.25em;}


/* 设置表格的边框被合并为一个单一的边框, 指定分隔边框模型中单元格边界之间的距离为0*/
/* 表格标题及内容居左显示 */
caption{display:none;} /* 重置表格标题为隐藏 */
caption,th{text-align: left;}
table, th, td,img,input { border:none; border-collapse: collapse; }
form{display:block;}

/* 清除列表样式 */
dl,ul,ol,menu,li{list-style:none} /* 重置类表前导符号为onne,menu在HTML5中有效 */
select::-ms-expand { display: none; }
input,button,textarea,select,optgroup,option{font-family:inherit; font-size:inherit; font-style:inherit; font-weight:inherit;/*-webkit-appearance: none;*/}/* 输入控件字体 */
button{-webkit-appearance: none;border: none;}
input,select,textarea,button{vertical-align:middle;outline:none;} /* 重置表单控件垂直居中*/
textarea{resize:none}
input[type="submit"]{cursor: pointer;}/* 鼠标样式 */
button{cursor:pointer} /* 重置表单button按钮效果 */
input::-moz-focus-inner{border: 0; padding: 0;}
/* 标题元素样式清除, 让标题都自定义, 适应多个系统应用 */
h1,h2,h3,h4,h5,h6{font-weight: normal;}
i,em{font-style:normal;}
/* 链接样式，颜色可酌情修改 */
a{outline: none;transition: color 0.2s ease 0s;}/*CSS3链接秒数缓冲效果2秒*/
a:link { }/* 未访问的链接 */
a:visited {}/* 已访问的链接 */
a:hover {cursor:pointer; }/* 鼠标移动到链接上 */
a:active {}/* 选定的链接 */
del,ins,a{text-decoration:none;}
a:hover,a:active,a:focus{ text-decoration:none;transition: all 0.4s ease 0s;} /* 取消a标签点击后的虚线框 */
.aht:hover{text-decoration:underline;}
/*
::selection{color: #fff;background-color: #4C6E78;}
::-moz-selection{color: #fff;background-color: #4C6E78;}
*/

/* 层板块缓冲效果CSS3       transition: all 0.3s ease 0s;   */


.clearfix {zoom:1}
.clearfix:after {content: '\20'; display: block; clear: both;}


.f_yh{font-family:"Arial, Helvetica, sans-serif";}/*f_yh为英文字体样式*/

.cursor{ cursor:pointer;}

/*定位*/
.pr{position:relative}/*相对定位*/
.pa{position:absolute}/*绝对定位*/
.pf{position:fixed}/*绝对定位*/

.fl{ float:left;}/*左浮动*/
.fr{ float:right;}/*右浮动*/
.fl,.fr{display:inline;}/*浮动后，此元素会被显示为内联元素，元素前后没有换行符*/

.db{display:block;}
.dib{display:inline-block}
.of{overflow:hidden;}

  
/*文字颜色c，背景颜色bc*/
.c0{color:#000}
.cf{color:#fff}
.c3{color:#333}
.c6{color:#666}
.c9{color:#999}
.cc{color: #ccc}
.cred{color: #f51010}
.cgreen{color: #20b746}
.cblue{color: #29b5f0}
.bcf{background: #fff}
.bcfb{background: #FBFBFB}
.bcblue{background: #1580f7}
.bcblue:hover{background: #065cbd}
.bcorange{background: #f49a0b}
.bcorange:hover{background: #d48912}
.corange{color: #fea320;}

/*边框*/

/*文字对齐*/
.tc{ text-align:center;}
.tl{ text-align:left;}
.tr{ text-align:right;}

.blueh:hover{
    background: #065cbd;
}
.orangeh:hover{
    background: #d48912;
}


/*内外边距 常用*/



/*居中*/
.jz{margin-left:auto;margin-right:auto}
/*加粗*/
.fb{
    font-weight:bold;
}
.fw300{
    font-weight:300;
}
.fw400{
    font-weight:400;
}
.fw500{
    font-weight:500;
}
.fw600{
    font-weight:600;
}
.fw700{
    font-weight:700;
}
.fsn{font-style: normal;}
.ffa{font-family:Arial, Helvetica, sans-serif}

/*字号*/
.f10{font-size:10px;-webkit-transform:scale(0.75); -webkit-text-size-adjust:none;}
.f11{font-size:11px;-webkit-transform:scale(0.8); -webkit-text-size-adjust:none;}
.f12{font-size:12px;}
.f13{font-size:13px;}
.f14{font-size:14px;}
.f15{font-size:15px;}
.f16{font-size:16px;}
.f17{font-size:17px;}
.f18{font-size:18px}
.f19{font-size:19px}
.f20{font-size:20px}
.f21{font-size:21px}
.f22{font-size:22px}
.f23{font-size:23px}
.f24{font-size:24px}
.f25{font-size:25px}
.f26{font-size:26px}
.f27{font-size:27px}
.f28{font-size:28px}
.f29{font-size:29px}
.f30{font-size:30px}
.f31{font-size:31px}
.f32{font-size:32px}
.f33{font-size:33px}
.f34{font-size:34px}
.t2{text-indent:2em}
/*行高*/
.lh15{line-height:1.5em}
.lh18{line-height:1.8em}
.lh2{line-height:2em}

/*宽度*/
.w100{width:100%}
.maxw100{max-width:100px;}

.h100{height:100%}
.maxh100{max-height:100%}
.mh100{min-height:100%;}

.hauto{height:auto}
.wauto{width:auto}

.mgt10{
    margin-top: 10px;
}
.mgt30{
    margin-top: 30px;
}
.mgb32{
    margin-bottom: 32px;
}
.mgl10{
    margin-left: 10px;
}
.mgl7{
    margin-left: 7px;
}


.br3{
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    behavior: url(../js/PIE.htc);

}
.br6{
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    behavior: url(../js/PIE.htc);

}
.br50{
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    behavior: url(../js/PIE.htc);

}
.bs{
    box-shadow: 0 2px 6px #ddd;
}


.common_input{
     -webkit-box-shadow: inset 0 1px 1px 0 rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px 0 rgba(0,0,0,.075);
    /*-webkit-appearance: none;*/
    -moz-transition: border-color ease-in-out .2s,box-shadow ease-in-out .2s;
    -ms-transition: border-color ease-in-out .2s,box-shadow ease-in-out .2s;
    -webkit-transition: border-color ease-in-out .2s,box-shadow ease-in-out .2s;
    -o-transition: border-color ease-in-out .2s,box-shadow ease-in-out .2s;
    transition: border-color ease-in-out .2s,box-shadow ease-in-out .2s;
}
                
